<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // localStorage  长期存储

        // sessionStorage  会话存储   ---- 页面关闭了，就到期了
        //    不能跨窗口



        // sessionStorage  适合于敏感账号的一次性登陆






        // cookie / localStorage / sessionStorage 都是本地存储

        //   cookie 需要建立服务器连接
        //   localStorage / sessionStorage  不需要


        //   cookie                           4kb左右的数据
        //   localStorage / sessionStorage    5MB左右的数据



        //   localStorage  长期存储
        //   sessionStorage  会话存储 ， 不能跨窗口    适合于敏感账号的一次性登陆




        // cookie 记录登陆的用户信息

        // 本地购物车效果   localStorage




        // 商品
        //    商品的id
        //    商品的名称
        //    商品的价格
        //    商品的图片

        // 按钮  --- 加入购物车
        //     根据id查询商品是否存在
        //         如果不存在    setItem(id , {})
        //         如果存在      setItem(id , {})

        
        // setItem('cart', [{}, {}, {}])




    </script>

</body>

</html>